.yg-category {
  .category-list {
    overflow: hidden;
    height: calc(100vh - 100rpx);
    .category-list-left {
      height: 100%;
      width: 182rpx;
      background-color: #f3f3f3;
      float: left;
      .left-item {
        font-size: 28rpx;
        line-height: 40rpx;
        text-align: center;
        margin-top: 37rpx;
        &:nth-child(1){
          margin-top: 27rpx;
        }
      }
      .active{
        color: var(--themeColor);
        border-left: 4rpx solid #EA4350;
      }
    }

    .category-list-right {
      height: 100%;
      float: right;
      width: calc(100vw - 182rpx);
      .list-right-content {
        overflow: hidden;
        .right-content-title {
          font-size: 26rpx;
          text-align: center;
          margin-top: 28rpx;
          margin-bottom: 21rpx;
          color:#636363;
        }
      
        .right-content-item {
          width: 33.33%;
          float: left;
          text-align: center;
          .image-wrapper {
            image {
              height: 120rpx;
              width: 120rpx;
            }
          }
      
          .cat_name {
            font-size: 21rpx;
          }
        }
      }
    }
  }
}